/* html结构 */
/*
	<div id="spinner-container">
		<div class="spinner"></div>
	</div>
*/

#spinner-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.spinner {
	width: 70px;
	height: 70px;
	background-color: #1989fa;
	animation: cube-shadow-spinner 1.8s cubic-bezier(0.75, 0, 0.5, 1) infinite;
}

@keyframes cube-shadow-spinner {
	50% {
		border-radius: 50%;
		transform: scale(0.5) rotate(360deg);
	}

	100% {
		transform: scale(1) rotate(720deg);
	}
}
